h1 {
    color: #FF0000;
}

.back {
    width: 200px;
    height: 200px;
    background-color: chartreuse;
    background-image: url(../../base/img/hetao.jpg);
    background-repeat: no-repeat; /*设置背景图像是否及如何重复*/
    /*background-attachment:fixed;!*背景图像是否固定或者随着页面的其余部分滚动*!*/
    background-position: center; /*设置背景图像的起始位置*/
    /*background-size: contain;!*缩放相关*!*/
}

.original, .bian, .lun {
    width: 30px;
    height: 30px;
    background: slateblue;
    float: left;
    margin: 20px;
    box-sizing: border-box;
}

.bian {
    border: 6px solid black;
}

.lun {
    outline: 20px solid black;
}

pre {
    color: #c7254e;
}

.clear {
    clear: both; /*清除所有浮动*/
    height: auto;
}

input:focus {
    border: red solid thin;
    outline: #00ff00 dotted thick;
}

a:focus {
    border: red solid thin;
    outline: #00ff00 dotted thick;
}

div > p {
    background: #666666;
    font-family: 微软雅黑;
    font-size: large;
    font-style: italic; /*斜体*/
    font-weight: initial; /*设置字体粗细*/
    line-height: normal;
    direction: initial; /*设置文本方向，比如从右向左。*/
    text-align: left; /*文本对齐*/
    text-indent: 2em; /*首行缩进*/
    letter-spacing: normal; /*字符间距*/
    word-spacing: normal; /*字间距*/
    white-space: normal; /*空白处理方式，nowrap不换行*/
    color: #fff;
    /*text-shadow: 水平偏移(正右负左) 垂直偏移(正下负上) 阴影模糊程度(不能为负值,值越大约模糊,可省略) 阴影的颜色,可以使用rgba色*/
    text-shadow: 1px 1px rgba(197, 223, 248,0.8),2px 2px rgba(197, 223, 248,0.8),3px 3px rgba(197, 223, 248,0.8),4px 4px rgba(197, 223, 248,0.8),5px 5px rgba(197, 223, 248,0.8),6px 6px rgba(197, 223, 248,0.8);
}

.demo {
    width: 100px;
    height: 50px;
    background: #f69;
}
/*box-shadow:投影方式(可选) X轴偏移量(正负) Y轴偏移量(正负) 阴影模糊半径(模糊效果,非负值,可选) 阴影扩展半径(正负,可选) 阴影颜色(不设颜色浏览器取默认色,不过不同浏览器默认色可能不一样,建议不要省略此参数,可选)*/
.demo2 {
    box-shadow: -2px 0 5px green, /*左边阴影*/
    0 -2px 5px blue, /*顶部阴影*/
    0 2px 5px red, /*底部阴影*/
    2px 0 5px yellow; /*右边阴影*/
}

ul {
    list-style: none;/*去除无序列表前面的小黑点*/
}
li {
    float: left;
    width: 60px;
    height: 50px;
}
h4,pre {
    clear: both;
}
li.rgba1 {
    background: rgba(255,255,0,1);
}
li.rgba2 {
    background: rgba(255,255,0,0.8);
}
li.rgba3 {
    background: rgba(255,255,0,0.6);
}
li.rgba4 {
    background: rgba(255,255,0,0.4);
}
li.rgba5 {
    background: rgba(255,255,0,0.2);
}
li.rgba6 {
    background: rgba(255,255,0,0);
}
li.opacity1 {
    background: rgb(255,255,0);
    opacity: 1;
}
li.opacity2 {
    background: rgb(255,255,0);
    opacity: 0.8;
}
li.opacity3 {
    background: rgb(255,255,0);
    opacity: 0.6;
}
li.opacity4 {
    background: rgb(255,255,0);
    opacity: 0.4;
}
li.opacity5 {
    background: rgb(255,255,0);
    opacity: 0.2;
}
li.opacity6 {
    background: rgb(255,255,0);
    opacity: 0;
}

table {
    border-spacing: 2px;/*单元格边框距离*/
    caption-side: top;/*标题位置*/
    empty-cells: show;/*空单元格是否显示*/
}